<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:sigecComp="http://java.sun.com/jsf/composite/components">
	
    	<h:outputStylesheet library="css" name="textos.css"/>    
    	<h:outputStylesheet library="css" name="bordes.css"/>
    	<h:outputStylesheet library="css" name="botones.css"/>
    	
        <h:form id="frmSeleDocen">
        	<rich:panel header="#{msg['seleccion_docente']}" rendered="false">
				<h:panelGroup layout="block" styleClass="roundCorner">
					<h:panelGrid columns="1" style="padding-left:10px; text-align:center;">
						<a4j:commandButton value="#{msg['guardar']}" actionListener="#{seleccionPorfesorController.btnSaveSeleccionProfesor}" image="/resources/images/save.png" render="pnlDocente"/>
						<h:outputLabel value="#{msg['guardar']}" />
					</h:panelGrid>
				</h:panelGroup>
			</rich:panel>
			
        	<rich:panel header="#{msg['seleccion_docente']}">
        		<rich:collapsiblePanel header="#{msg['seleccion_docente']}"  headerClass="headerDivCollap" styleClass="mainDivCollap" 
					leftCollapsedIcon="triangleDown" leftExpandedIcon="triangleUp" switchType="client">
	        	
	        		<a4j:outputPanel ajaxRendered="true">
	        			<h:panelGroup layout="block" styleClass="rf-pp-hdr" style="text-align:center;">
		        			<rich:dataScroller for="tblDocentes" renderIfSinglePage="false" fastControls="hide"/>
		        		</h:panelGroup>
		        		
		        		<rich:dataTable id="tblDocentes" style="width:100%" value="#{seleccionPorfesorController.lstProfesors}" var="profesor" rows="5" rendered="#{!empty seleccionPorfesorController.lstProfesors}">
		        			<f:facet name="header">
		        				<h:outputLabel value="Docentes" />
		        			</f:facet>
		        			<rich:column style="text-align:center;">
		        				<f:facet name="header">
		        					<h:outputLabel value="#{msg.cedula}" />
		        				</f:facet> 
		        				<h:outputText value="#{profesor.persona.cedula}" />
		        			</rich:column>
		        			<rich:column>
		        				<f:facet name="header">
		        					<h:outputText value="#{msg['nombres']}" />
		        				</f:facet>
		        				<h:panelGrid columns="2">
		        					<a4j:commandLink render="pnlFoto" action="#{seleccionPorfesorController.btnShowProfesorDetail}" 
		        						value="#{profesor.persona.primerApellido} #{profesor.persona.primerNombre}">
		        						<f:setPropertyActionListener target="#{seleccionPorfesorController.profesor}" value="#{profesor}"/>
		        					</a4j:commandLink>
		        				</h:panelGrid>
		        				
		        			</rich:column>
		        			
		        			<rich:column>
		        				<f:facet name="header">
		        					<h:outputText value="#{msg['ponderacion']}" />
		        				</f:facet>
		        				<center>
			        				<rich:progressBar mode="client" value="#{profesor.ponderacion}"
							            minValue="0" maxValue="100">
							            <h:outputText value="#{profesor.ponderacion} %" />
							        </rich:progressBar>
				        		</center>		
		        			</rich:column>
		        			
		        			<rich:column rendered="false">
		        				<f:facet name="header">
		        					<h:outputText value="Seleccionar" />
		        				</f:facet>
		        				<center>
			        				<h:selectOneRadio value="#{profesor.estadoSeleccion}">
			        					<f:selectItem itemLabel="Si" itemValue="1"/>
			        					<f:selectItem itemLabel="No" itemValue="0"/>
			        				</h:selectOneRadio>
		        				</center>				
		        			</rich:column>
		        		</rich:dataTable>
	        		</a4j:outputPanel>
	        	</rich:collapsiblePanel>
        	</rich:panel>
        	
        </h:form>
        
</ui:composition>